import React from "react";
import "./BottomNav.css";

const BottomNav: React.FC = () => {
  return (
    <div className="bottom-nav">
      <div className="nav-item active">
        <div className="nav-icon">🏠</div>
        <div className="nav-text">首页</div>
      </div>
      <div className="nav-item">
        <div className="nav-icon">👨‍⚕️</div>
        <div className="nav-text">问诊</div>
      </div>
      <div className="nav-item">
        <div className="nav-icon">
          📋
          <div className="notification-badge">3</div>
        </div>
        <div className="nav-text">处方</div>
      </div>
      <div className="nav-item">
        <div className="nav-icon">🏥</div>
        <div className="nav-text">医院</div>
      </div>
      <div className="nav-item">
        <div className="nav-icon">👤</div>
        <div className="nav-text">我的</div>
      </div>
    </div>
  );
};

export default BottomNav; 